<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-物流总量看板</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/style.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
<!--头部-->
<div class="g_header">
    <div class="g_hea_g1">
        <div class="g_hea_g2">
                <span class="g_hea_img1" id="trigger-overlay">
                    <!-- <img src="images/logo_yly.png" class="img_1 fl">
                    <img src="images/icon-menu.png" class="menu fl"> -->
                </span>

            <div class="g_hea_login">管理员管理员,欢迎您登陆
                <span></span>
                <div class="userboxinfo userboxinfob">
                    <ul class="ul_userlist">
                        <li>
                            <a href="/updatePwd">修改密码</a>
                        </li>
                        <li>
                            <a href="/logout">退出</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="g_hear">
                <a href="#">
                    <img src="images/icon_home.png">首页</a>
                <a href="#">
                    <img src="images/sf1_07.png">传链社区</a>
                <a href="#">
                    <img src="images/sf1_09.png">服务中心</a>
                <a href="message.html">
                    <i>22</i>消息</a>
            </div>
        </div>
    </div>
    <!-- <div class="g_header_d">
        <span class="g_hea_img1" id="trigger-overlay">
            <img src="images/icon-menu.png" alt="">
        </span>
        <div class="g_hear">
            <a href="#"><img src="images/sf1_07.png">传链社区</a>
            <a href="#"><img src="images/sf1_09.png">服务中心</a>
            <a href="message.html"><img src="images/sf1_11.png">消息</a>
        </div>
        <p class="g_hea_p3">
            <label class="switch_largeb"><input type="checkbox"><span></span></label>
            <span>关闭流程图</span>
        </p>
    </div> -->
    <div class="overlay overlay-genie "
         data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
         id="g_hea_con">
        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806"
             preserveAspectRatio="none" class="svg1">
            <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z"/>
        </svg>
        <ul class="g_hea_ul">
            <li class="li1">System Management</li>
            <li class="li2">基础资料</li>
            <li class="li3">耗材管理</li>
            <li class="li4">科室管理</li>
            <li class="li5">财务管理</li>
            <li class="li6">统计查询</li>
        </ul>
        <div class="g_hea_ulbox">
            <div class="g_hea_tab">
                <ul class="g_hea_ul2">
                    <li>系统配置</li>
                    <li>权限管理</li>
                    <li>日常维护</li>
                    <li>待办事宜</li>
                    <li>自定表格</li>
                    <li>辅助功能</li>
                    <li>数据维护</li>
                </ul>
                <div class="g_hea_tab2">
                    <p>
                        <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1 active">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置2</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置3</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置4</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置5</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置6</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
            </div>
            <div class="g_hea_tab">
                <ul class="g_hea_ul2">
                    <li class="">系统配置</li>
                    <li>权限管理</li>
                    <li>日常维护</li>
                    <li>待办事宜</li>
                    <li>自定表格</li>
                    <li>辅助功能</li>
                    <li>数据维护</li>
                </ul>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
            </div>
            <div class="g_hea_tab">
                <ul class="g_hea_ul2">
                    <li class="">系统配置</li>
                    <li>权限管理</li>
                    <li>日常维护</li>
                    <li>待办事宜</li>
                    <li>自定表格</li>
                    <li>辅助功能</li>
                    <li>数据维护</li>
                </ul>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
            </div>
            <div class="g_hea_tab">
                <ul class="g_hea_ul2">
                    <li class="">系统配置</li>
                    <li>权限管理</li>
                    <li>日常维护</li>
                    <li>待办事宜</li>
                    <li>自定表格</li>
                    <li>辅助功能</li>
                    <li>数据维护</li>
                </ul>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
            </div>
            <div class="g_hea_tab">
                <ul class="g_hea_ul2">
                    <li class="">系统配置</li>
                    <li>权限管理</li>
                    <li>日常维护</li>
                    <li>待办事宜</li>
                    <li>自定表格</li>
                    <li>辅助功能</li>
                    <li>数据维护</li>
                </ul>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
            </div>
            <div class="g_hea_tab">
                <ul class="g_hea_ul2">
                    <li class="">系统配置</li>
                    <li>权限管理</li>
                    <li>日常维护</li>
                    <li>待办事宜</li>
                    <li>自定表格</li>
                    <li>辅助功能</li>
                    <li>数据维护</li>
                </ul>
                <div class="g_hea_tab2">
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                    <p>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                        <a href="" class="g_hea_a1">用户参数设置</a>
                    </p>
                </div>
            </div>
        </div>
        <img src="images/cross.png" class="g_hea_close">
    </div>
</div>
<!-- 按钮 当前位置-->
<div class="g_header_nav">
    <div class="g_header_t">
        <div class="operate-btns">
        </div>
    </div>
    <div class="con_breadcrumb">
        <ol class="breadcrumb">
            <li>
                <a href="#">物流总量看板</a>
            </li>
            <li>
                <a href="ywsjpm_c1.html">区域发货统计</a>
            </li>

        </ol>
        <h3 class="current_module">业务数据排名</h3>
    </div>
</div>
<!--end  按钮 当前位置-->
<!--end头部-->

<div class="content">
    <div class="div11_1">
        <a href="11-3.html" class="div_a1">货主物流总量</a>
        <a href="wlzl_carrier.html" class="div_a2 ">承运商物流总量</a>
        <a href="#" class="div_a3 current">业务数据排名</a>
    </div>
    <div class="text-center">
        <ul class="tab_card">
            <span class='bg_opposite'></span>
            <a href="#">
                <li class="active">区域发货统计</li>
            </a>
            <a href="ywsjpm_c2.html">
                <li>商品发货量排名</li>
            </a>
            <a href="ywsjpm_c3.html">
                <li>订单发货统计</li>
            </a>
            <a href="ywsjpm_c4.html">
                <li>运费统计</li>
            </a>
        </ul>
    </div>
    <div class="div11_p1">
        <!-- 非会员 不显示 -->
        <span class="div11_span2">传世会员</span>
        <div class="div11_box5">
            <span class="span11_1">传世会员</span>
            <span class="div11close"></span>
            <ul class="ul11_1">
                <li class="current">
                    <a>01<span>北京嘉事堂</span></a>
                </li>
                <li>
                    01<span>北京嘉事堂</span>
                </li>
            </ul>
        </div>
        <!-- 非会员  注释上边-->
        <span class="div11_span1">按年度</span>
        <div class="div11_date">
            <span class="span11_1 span11_date">选择年份</span>
            <span class="divdateclose"></span>
            <div class="box_date ">
                <input class="form_time" type="text">
                <img src="images/img2_03.png" class="fr" style="cursor: pointer">
            </div>
        </div>
    </div>
    <!-- <button id="btn">ceshi</button> -->
    <div class="wlzl-form">
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <div class="check_group displayflex" style="height: 44px; overflow: hidden;">
                    <label class="label">承运商</label>
                    <input type="hidden" name="radio">
                    <div class="flex1">
                        <div class="control-filtering wlzl-filtering">
                            <a id="all_state" class="option active" value="1">全部</a>
                            <a id="y_state" class="option " value="2">自配</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            <a id="s_state" class="option " value="3">泰康</a>
                            <a id="e_state" class="option" value="4">城市应急</a>
                            
                        </div>
                    </div>
                    <span class="js-toggle-btn toggle-btn fr tar">更多<i class="iconfont icon-more"></i></span>
                    <!-- <span class="js-toggle-btn toggle-btn fr div11_span3">更多</span> -->
                    <!-- <div class="div11_box6">
                        <span class="span11_1">承运商</span>
                        <span class="div11close"></span>
                        <ul class="ul11_1">
                            <li class="current">
                                <a>01<span>泰康</span></a>
                            </li>
                            <li>
                                <a>02<span>城市应急</span></a>
                            </li>
                            <li>
                                <a>03<span>华欣</span></a>
                            </li>
                            <li>04<span>城市应急</span></li>
                        </ul>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <div class="check_group displayflex">
                    <label class="label">货主</label>
                    <input type="hidden" name="radio">
                    <div class="control-filtering wlzl-filtering flex1">
                        <a id="all_state" class="option active" value="1">全部</a>
                        <a id="y_state" class="option " value="2">瑞辉</a>
                        <a id="s_state" class="option " value="3">中美史克</a>
                        <a id="e_state" class="option" value="4">葛兰素史克</a>
                    </div>
                    <!-- 当只有一行的时候这一行注释 -->
                    <!-- <a href="javascript:;" class="js-toggle-btn toggle-btn fr">更多</a> -->
                    <!-- 当只有一行的时候这一行注释 end -->
                </div>
            </div>
        </div>
    </div>
    <form class="layui-form">
        <!-- 配送在途 -->
        <div class="business-info col-md-12">
            <div class="fheader">
                <h4 class="fh-tit fh-local b">2017年度区域发货统计</h4>
            </div>
            <div class="fpart pull1">
                <div class="main-relative box_r1 mt-20" style="background: #f8f8f8 !important; width: 100%;">
                    <div id="echart1" style="width: 100%; height: 770px; position: relative; overflow-x: auto ;">
                    </div>
                    <div class="main-map"></div>
                </div>
            </div>
        </div>
    </form>
</div>

<footer class="footer">
    <p>
        Copyright © 2015-2017
        <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a>
        深圳传世般若科技有限公司
    </p>
</footer>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/underscore-min.js"></script>
<script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
<script type="text/javascript" src="lib/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/bootstrap-table.js"></script>
<script type="text/javascript" src="lib/jquery.validate.min.js"></script>
<script type="text/javascript" src="lib/city-picker.js"></script>
<script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
<!-- <script type="text/javascript" src="lib/echarts-all.js"></script> -->
<script type="text/javascript" src="lib/echarts.min.js"></script>
<script type="text/javascript" src="lib/china.js"></script>
<script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
<script type="text/javascript" src="lib/zUI.js"></script>
<!--新导航-->
<script type="text/javascript" src="lib/snap.svg-min.js"></script>
<script type="text/javascript" src="lib/modernizr.custom.js"></script>
<script type="text/javascript" src="js/header_sfy.js"></script>
<!--end新导航-->
<script type="text/javascript" src="lib/paging.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/validate-demo.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/cy.js"></script>
<script type="text/javascript" src="js/ywsj_1.js"></script>
<script>
    $(function(){
        // 手风琴
        var isdown = false;
        $(".js-toggle-btn").click(function(){
           
            if (isdown) {
                isdown=false;
                $(this).parent(".check_group").css({"height":"34px","overflow":"hidden","margin-bottom":"10px"});
                $(this).children().css({"transform":"rotate(90deg)","-webkit-transform":"rotate(90deg)","-moz-transform":"rotate(90deg)"});
            }else{
                isdown=true;
                $(this).parent(".check_group").css({"height":"auto"});
                $(this).children().css({"transform":"rotate(-90deg)","-webkit-transform":"rotate(-90deg)","-moz-transform":"rotate(-90deg)"});
            }
        });

        var aa = $("body").width();
            var bb = $(".wlzl-filtering").width();
            var wid = aa-bb;
            if(wid > 279)
            {
                $(".js-toggle-btn").css({"display":"none"})
            }

        // $("#btn").click(function(){
            
        // })
    })
</script>
</body>

</html>